<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>联系我们</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome.4.7.0.css">
    <!-- Google fonts - Poppins-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,600">
    <!-- Lightbox-->
    <link rel="stylesheet" href="vendor/lightbox2/css/lightbox.css">
    <!-- Custom font icons-->
    <link rel="stylesheet" href="css/fontastic.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="css/custom.css">
    <!-- Contact Style -->
    <link rel="stylesheet" href="./css/contact.css">
    <!-- Loading CSS -->
    <link rel="stylesheet" href="./css/loading.css">
    <!-- Head Logo -->
    <link rel="icon" type="image/x-icon" href="./img/Head-logo.png" />
    <!-- BTN Style -->
    <link rel="stylesheet" href="./css/btn.css">
    <!-- Tweaks for older IEs-->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>

<body>

    <!-- 加载动画 -->

    <div id="loading">
        <div id="loading_bg">
            <div class="loader">Loading...</div>
        </div>
    </div>



    <!-- navbar-->
    <header class="header">
        <nav class="navbar navbar-expand-lg fixed-top">
            <div class="container">
                <a href="#" class="navbar-brand img-logo"><img src="./img/longlogo.png" alt="" class="img-fluid" draggable="false"></a>
                <button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right">Menu<i class="fa fa-bars ml-2"></i></button>
                <div id="navbarSupportedContent" class="collapse navbar-collapse">
                    <ul class="navbar-nav ml-auto">
                        <!-- Link-->
                        <li class="nav-item"> <a href="index.html" class="nav-link">首页</a></li>
                        <!-- Link-->
                        <li class="nav-item"> <a href="faq.html" class="nav-link">股票入门</a></li>
                        <!-- Link-->
                        <li class="nav-item"> <a href="text.html" class="nav-link">概念板块</a></li>
                        <!-- link -->
                        <li class="nav-item"> <a href="adr.html" class="nav-link">新闻股票联动展示</a></li>
                        <!-- Link-->
                        <li class="nav-item"> <a href="contact.html" class="nav-link active">联系我们</a></li>
                        <!-- <li class="nav-item dropdown"><a id="pages" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">Dropdown</a>
                            <div class="dropdown-menu"><a href="faq.html" class="dropdown-item">FAQ</a><a href="contact.html" class="dropdown-item">Contact</a><a href="text.html" class="dropdown-item">Text Page</a></div>
                        </li> -->
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <!-- Hero Section-->
    <section class="hero">
        <div class="container text-center">
            <!-- breadcrumb-->
            <nav aria-label="breadcrumb" class="d-flex justify-content-center">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="index.html" class="animsition-link">首页</a></li>
                    <li aria-current="page" class="breadcrumb-item active">联系我们</li>
                </ol>
            </nav>
            <h1 class="hero-heading">与 我 们 的 团 队 沟 通</h1>
            <div class="row">
                <div class="col-lg-7 mx-auto">
                    <p class="lead text-muted mt-2">我们应集中关注将要发生什么，而不是什么时候发生。——巴菲特</p>
                </div>
            </div>
        </div>
    </section>
    <!-- Contact Section-->
    <section>
        <div class="container">
            <header class="section-header">
                <h2 class="mb-2">填 写 表 格</h2>
                <p class="lead">请 填 写 您 的 信 息 , 我 们 会 尽 快 回 复</p>
            </header>
            <div class="row align-items-center mt-5">
                <div class="col-lg-7">
                    <form action="#" class="contact-form text-left">
                        <div class="form-group mb-4">
                            <label>姓名<sup class="text-primary">&#10033;</sup></label>
                            <input type="text" name="name" placeholder="张三" class="form-control">
                        </div>
                        <div class="form-group mb-4">
                            <label>常用的电子邮箱<sup class="text-primary">&#10033;</sup></label>
                            <input type="text" name="email" placeholder="name@company.com" class="form-control">
                        </div>
                        <div class="form-group mb-4">
                            <label>主题<sup class="text-primary">&#10033;</sup></label>
                            <input type="text" name="subject" placeholder="请简要描述您的问题" class="form-control">
                        </div>
                        <div class="form-group mb-4">
                            <label>现在让我们了解您的建议<sup class="text-primary">&#10033;</sup></label>
                            <textarea name="message" placeholder="" class="form-control"></textarea>
                        </div>
                        <div class="form-group">
                            <input type="submit" value="发送" class="btn btn-primary">
                        </div>
                    </form>
                </div>
                <div class="col-lg-5 contact-details mt-5 mt-lg-0">
                    <div class="box">
                        <div class="icon d-flex align-items-end"><img src="img/placeholder.svg" alt="" class="img-fluid"></div>
                        <h5>我们的办公地址</h5>
                        <p class="text-small font-weight-light">xx路 xx号</p>
                    </div>
                    <div class="box">
                        <div class="icon d-flex align-items-end"><img src="img/technology.svg" alt="" class="img-fluid"></div>
                        <h5>我们的电话</h5>
                        <p class="text-small font-weight-light">友情提示:如果您在本地打电话,则这个电话是免费的,否则我们建议您用电子邮箱的形式</p><strong class="text-muted">+33 555 444 333</strong>
                    </div>
                    <div class="box">
                        <div class="icon d-flex align-items-end"><img src="img/multimedia.svg" alt="" class="img-fluid"></div>
                        <h5>电子邮箱支持</h5>
                        <p class="text-small font-weight-light">请随时给我们写电子邮件或使用我们的电子票务系统。</p>
                        <ul class="text-left">
                            <li><a href="mailto:info@fakeemail.com" class="text-small">info@fakeemail.com</a></li>
                            <li><a href="#" class="text-small">Ticketio - our ticketing support platform </a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- CLients Section-->
    <section class="bg-gray">
        <div class="container">
            <div class="text-center">
                <h2>您的信任是我们最大的支持</h2>
                <div class="row">
                    <div class="col-lg-8 mx-auto">
                        <p class="lead text-muted mt-2">如果有任何建议请向我们提出,我们海纳百川</p>
                    </div>
                </div>
            </div>
            <div class="clients mt-5">
                <div class="row">
                    <div class="col-lg-2"><img src="img/client-1.svg" alt="" class="client-image img-fluid"></div>
                    <div class="col-lg-2"><img src="img/client-2.svg" alt="" class="client-image img-fluid"></div>
                    <div class="col-lg-2"><img src="img/client-3.svg" alt="" class="client-image img-fluid"></div>
                    <div class="col-lg-2"><img src="img/client-4.svg" alt="" class="client-image img-fluid"></div>
                    <div class="col-lg-2"><img src="img/client-5.svg" alt="" class="client-image img-fluid"></div>
                    <div class="col-lg-2"><img src="img/client-6.svg" alt="" class="client-image img-fluid"></div>
                </div>
            </div>
        </div>
    </section>



    <!-- toTOP -->

    <div id="btn">
        <img src="./img/arrow.png" alt="">
    </div>




    <!-- 页脚 -->

    <footer class="main-footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 mb-5 mb-lg-0">
                    <div class="footer-logo"><img src="./img/logo.png" alt="..." class="img-fluid" draggable="false"></div>
                </div>
                <div class="col-lg-3 mb-5 mb-lg-0">
                    <h5 class="footer-heading">站内导航</h5>
                    <ul class="list-unstyled">
                        <li> <a href="index.html" class="footer-link">首页</a></li>
                        <li> <a href="faq.html" class="footer-link">股票入门</a></li>
                        <li> <a href="contact.html" class="footer-link">联系我们</a></li>
                        <li>
                            <a href="text.html" class="footer-link">概念板块</a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-3 mb-5 mb-lg-0">
                    <h5 class="footer-heading">其他产品</h5>
                    <ul class="list-unstyled">
                        <li> <a href="#" class="footer-link">牛股相随</a></li>
                        <li> <a href="#" class="footer-link">待开发</a></li>
                        <li> <a href="#" class="footer-link">待开发</a></li>
                        <li> <a href="#" class="footer-link">待开发</a></li>
                    </ul>
                </div>
                <div class="col-lg-3">
                    <h5 class="footer-heading">资源网站</h5>
                    <ul class="list-unstyled">
                        <li> <a href="#" class="footer-link">东方财富网</a></li>
                        <li> <a href="#" class="footer-link">中国股票网</a></li>
                        <li> <a href="#" class="footer-link">....</a></li>
                        <li> <a href="#" class="footer-link">....</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="copyrights">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 text-center text-lg-left">
                        <p class="copyrights-text mb-3 mb-lg-0">版权 &copy; 2021</p>


                    </div>
                    <div class="col-lg-6 text-center text-lg-right">
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- JavaScript files-->
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="https://www.jq22.com/jquery/bootstrap-4.2.1.js"></script>
    <script src="vendor/jquery.cookie/jquery.cookie.js">
    </script>
    <script src="vendor/lightbox2/js/lightbox.min.js"></script>
    <script src="js/front.js"></script>
    <script src="./js/cbtt.js"></script>
    <script src="./js/loading.js"></script>
</body>

</html>